<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> 
	<head>
		<title>杰马逊黄页_菜单</title>
		<script src="${pageContext.request.contextPath}/js/menu/prototype.lite.js" type="text/javascript"></script>
		<script src="${pageContext.request.contextPath}/js/menu/moo.fx.js" type="text/javascript"></script>
		<script src="${pageContext.request.contextPath}/js/menu/moo.fx.pack.js" type="text/javascript"></script>
		
		<style>
			body {
				font:12px Arial, Helvetica, sans-serif;
				color: #000;
				background-color: #EEF2FB;
				margin: 0px;
			}
			#container {
				width: 182px;
			}
			H1 {
				font-size: 12px;
				margin: 0px;
				width: 182px;
				cursor: pointer;
				height: 30px;
				line-height: 20px;	
			}
			H1 a {
				display: block;
				width: 182px;
				color: #000;
				height: 30px;
				text-decoration: none;
				moz-outline-style: none;
				background-image: url(${pageContext.request.contextPath}/admin/images/menu_bgs.gif);
				background-repeat: no-repeat;
				line-height: 30px;
				text-align: center;
				margin: 0px;
				padding: 0px;
			}
			.content{
				width: 182px;
				height: 26px;
				
			}
			.MM ul {
				list-style-type: none;
				margin: 0px;
				padding: 0px;
				display: block;
			}
			.MM li {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 26px;
				color: #333333;
				list-style-type: none;
				display: block;
				text-decoration: none;
				height: 26px;
				width: 182px;
				padding-left: 0px;
			}
			.MM {
				width: 182px;
				margin: 0px;
				padding: 0px;
				left: 0px;
				top: 0px;
				right: 0px;
				bottom: 0px;
				clip: rect(0px,0px,0px,0px);
			}
			.MM a:link {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 26px;
				color: #333333;
				background-image: url(${pageContext.request.contextPath}/admin/images/menu_bg1.gif);
				background-repeat: no-repeat;
				height: 26px;
				width: 182px;
				display: block;
				text-align: center;
				margin: 0px;
				padding: 0px;
				overflow: hidden;
				text-decoration: none;
			}
			.MM a:visited {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 26px;
				color: #333333;
				background-image: url(${pageContext.request.contextPath}/admin/images/menu_bg1.gif);
				background-repeat: no-repeat;
				display: block;
				text-align: center;
				margin: 0px;
				padding: 0px;
				height: 26px;
				width: 182px;
				text-decoration: none;
			}
			.MM a:active {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 26px;
				color: #333333;
				background-image: url(${pageContext.request.contextPath}/admin/images/menu_bg1.gif);
				background-repeat: no-repeat;
				height: 26px;
				width: 182px;
				display: block;
				text-align: center;
				margin: 0px;
				padding: 0px;
				overflow: hidden;
				text-decoration: none;
			}
			.MM a:hover {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 26px;
				font-weight: bold;
				color: #006600;
				background-image: url(${pageContext.request.contextPath}/admin/images/menu_bg2.gif);
				background-repeat: no-repeat;
				text-align: center;
				display: block;
				margin: 0px;
				padding: 0px;
				height: 26px;
				width: 182px;
				text-decoration: none;
			}
		</style>
	</head>
	
	<body>

    				<div id="container">
    					<s:if test="menuList != null">
    						<s:iterator value="menuList" id="url" status="menu">
    							<s:if test="upmenu ==0">
    								<s:if test="#menu.index > 0">
											</ul>
										</div>
									</s:if>
    								<h1 class="type"><a href="javascript:void(0)"><s:property value="menu_name" /></a></h1>
    								<div class="content">
        								<table width="100%" border="0" cellspacing="0" cellpadding="0">
          									<tr>
            									<td><img src="${pageContext.request.contextPath}/admin/images/menu_topline.gif" width="182" height="5" /></td>
          									</tr>
        								</table>
        								<ul class="MM">
    							</s:if>
    							<s:else>
    								<li><a href="${pageContext.request.contextPath}/<s:property value='urls'/>" target="main"><s:property value="menu_name" /></a></li>
								</s:else>
    						</s:iterator>
    							</ul>
    						</div>
    					</s:if>
    				</div>
    				
    				<script type="text/javascript">
						var contents = document.getElementsByClassName('content');
						var toggles = document.getElementsByClassName('type');
	
						var myAccordion = new fx.Accordion(
							toggles, contents, {opacity: true, duration: 400}
						);
						myAccordion.showThisHideOpen(contents[0]);
					</script>

	</body>
</html>